<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      @font-face {
        font-family: "哈哈";
        src: url("../../font/STXINGKA.TTF");
      }
      /* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
      @font-face {
        font-family: "思源黑体 Normal";
        font-weight: 350;
        src: url("//at.alicdn.com/wf/webfont/3zkekZ5DKtvR/msoFwwFyhbmt.woff2")
            format("woff2"),
          url("//at.alicdn.com/wf/webfont/3zkekZ5DKtvR/cAeOdp3AwaHb.woff")
            format("woff");
        font-variation-settings: normal;
        font-display: swap;
      }

      .webfont {
        font-family: "思源黑体 Normal";
        font-variation-settings: normal; /* Chrome 140 以下版本需要 */
        font-size: 100px;
      }
      body {
        text-align: center;
      }
      h1,
      h2 {
        font-size: 100px;
        font-family: "哈哈";
        text-align: center;
      }
    </style>
  </head>
  <body>
    <h1>因上努力，果上随缘</h1>
    <div class="webfont">因上努力，果上随缘</div>
    <h2>人间正道是沧桑</h2>
    <h2>王乔智</h2>
    <h2>王乔信</h2>
  </body>
</html>
